.admin-wrapper {
  width: 100vw;
  height: 100vh;
  background: #fff;
  display: flex;
  justify-content: space-between;
  &_nav {
    width: 10%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-y: hidden;
    padding: $padding-base 0;
    position: relative;
    .logo {
      width: 100%;
      font-size: 20px;
      font-family: 'Times New Roman', Times, serif;
      font-style: italic;
      letter-spacing: 0.2em;
      text-align: center;
      height: $height;
      line-height: $line-height;
      color: #209f85;
      margin-bottom: 60px;
    }
    .vertical-menu-wrapper {
      .menu-item.active {
        color: #209f85;
      }
      li.menu-item {
        line-height: $line-height;
        color: #a5aab5;
      }
    }
    .publish {
      text-align: center;
      position: absolute;
      background: #f2f8f1;
      border-radius: $border-radius;
      line-height: $line-height;
      width: 80%;
      bottom: 2%;
      font-size: $font-size-sm;
      img {
        width: 50%;
        margin-top: -25%;
      }
      button {
        padding: 10px 30px;
        margin: $margin-base;
        line-height: $line-height-sm;
        border: none;
        background: #209f85;
        color: #fff;
        border-radius: $border-radius-sm;
      }
    }
  }
  // 滚动条隐藏
  &_content::-webkit-scrollbar {
    display: none;
  }
  &_content {
    width: 70%;
    background: #f2f8f1;
    height: 100vh;
    overflow-y: scroll;
  }
  &_personal {
    width: 20%;
    background: #fff;
    padding: 20px 20px;
    overflow: hidden;
    .avator {
      height: $height;
      display: flex;
      justify-content: space-between;
      &-left {
        display: flex;
        align-items: center;
        img {
          width: 40px;
          height: $height;
          border-radius: 50%;
          margin-right: $margin-base;
        }
      }
      &-right {
        display: flex;
        align-items: center;
      }
    }
    .overview-info {
      height: 60px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      &_items {
        width: 25%;
        text-align: center;
        .title {
          color: #16171c;
          font-size: $font-size-sm;
          margin-bottom: $margin-base;
        }
        .number {
          font-size: 16px;
          color: black;
          font-weight: 600;
        }
      }
      &_items:not(:last-child) {
        border-right: 1px solid #9dc5bd;
      }
    }
    .date-calendar {
      height: 300px;
    }
    .post-list {
      height: calc(100vh - 440px);
      scrollbar-width: none;
      -ms-overflow-style: none;
      overflow-y: scroll;
      margin: $margin-base 0;
      &_items {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-content: center;
        background: #f2f8f1;
        border-radius: 20px;
        padding: 10px 20px;
        line-height: 30px;
        margin: 10px 0;
        text-align: left;
        .left-description {
          width: 80%;
          cursor: pointer;
          p {
            font-size: 16px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
          }
          span {
            display: block;
            font-size: 14px;
            color: #959799;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
          }
        }
        .right-options {
          display: flex;
          align-items: center;
          i {
            font-size: 20px;
          }
        }
      }
      .no-post {
        height: 100%;
        width: 100%;
        font-family: 'Courier New', Courier, monospace;
        font-size: $font-size-lg;
        font-weight: 600;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        line-height: 60px;
        img {
          width: 40%;
          cursor: pointer;
        }
        i {
          font-size: 20px;
          color: #c5c5c5;
        }
        i:hover {
          color: #006666;
        }
      }
    }
    // 滚动条隐藏
    .post-list::-webkit-scrollbar {
      display: none;
    }
  }
}
